import { Badge } from '../ui/badge';

const colors: Record<'banned' | 'normal', string> = {
  banned: 'bg-red-500 hover:bg-red-400',
  normal: 'bg-green-500 hover:bg-green-400',
};

export default function UserStatusBadge({
  status,
}: { status: 'banned' | 'normal' }) {
  return (
    <Badge className={colors[status]}>
      {status === 'banned' ? '封禁' : '正常'}
    </Badge>
  );
}
